<template>
  <xdh-curd ref="curd"
            :filter="true"
            filter-title="查询条件"
            :collapsible="false"
            :addable="false"
            :editable="false"
            :removable="false"
            :query.sync="query"
            listTitle="系统日志列表"
            name="sysLog"
            :rules="rules"
            :mixin="mixin">

    <!-- 数据筛选条件 -->
    <template slot="filter-items">
      <el-form-item prop="name">
        <el-input placeholder="用户名/用户操作/IP" v-model="query.keyword"></el-input>
      </el-form-item>
    </template>
    <template slot="table-columns" slot-scope="scope">
      <el-table-column align="center" min-width="80" label="项目名" prop="kind">
      </el-table-column>
      <el-table-column align="center" min-width="80" label="用户名" prop="xm">
      </el-table-column>
      <el-table-column align="center" min-width="130" label="操作内容" prop="detail">
      </el-table-column>
      <el-table-column align="center" min-width="130" label="警号" prop="jh">
      </el-table-column>
      <!--<el-table-column align="center" min-width="130" label="操作结果" prop="result">-->
      <!--<template slot-scope="props">-->
      <!--{{ props.row.result | convertResult(props.row.result) }}-->
      <!--</template>-->
      <!--</el-table-column>-->
      <el-table-column align="center" min-width="130" label="ip地址" prop="ip">
      </el-table-column>
      <el-table-column align="center" min-width="130" label="时间" prop="createdtime">
      </el-table-column>
    </template>
  </xdh-curd>
</template>


<script>
  import XdhCurd from '../../widgets/xdh-curd'
  import sysLog from '../../base/mixin/sys-log'

  export default {
    components: {
      XdhCurd
    },
    mixins: [sysLog],
    filters: {},
    data() {
      return {
        query: {
          keyword: ''// 操作结果
        },
        mixin: sysLog,
        rules: {}
      }
    },
    methods: {},
    created() {
    }
  }
</script>
<style type="text/scss" lang="scss" scoped>
  .demos-table-expand {
    font-size: 0;
  }

  .demos-table-expand label {
    width: 90px;
    color: #99a9bf;
  }

  .demos-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
  }

  .demos-table {
    text-align: center;
  }

  .el-self {
    display: block;
  }
</style>
